<template>
  <div class="warpper">
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="Stock Batch number activity List" name="first">
        <stockbatchnumberactivity />
      </el-tab-pane>
      <el-tab-pane label="Stock Master List" name="second">
        <stockmaster />
      </el-tab-pane>
      <el-tab-pane label="Stock Sales List" name="third">
        <stocksales />
      </el-tab-pane>
      <el-tab-pane label="TIMTRONIC" name="fourth">
        <timtronic />
      </el-tab-pane>

    </el-tabs>
  </div>
</template>
<script>
  import CURD from "@/mixin/CURD";
  import stockbatchnumberactivity from "@/components/inventoryreport/stockbatchnumberactivity.vue"
  import stockmaster from "@/components/inventoryreport/stockmaster.vue"
  import stocksales from "@/components/inventoryreport/stocksales.vue"
  import timtronic from "@/components/inventoryreport/timtronic.vue"
  export default {
    name: "inventoryreportIndex",
    mixins: [CURD],
    components: {
      stockbatchnumberactivity,
      stockmaster,
      stocksales,
      timtronic,
    },
    data() {
      return {
        activeName: 'first',
      };
    },
    async created() {

    },
    methods: {

    }
  }
</script>